import { useState } from "react" 

//自定义hooks函数实现

// 1.声明以use关键字开头的函数
function useToggle(){
  //封装可以复用的逻辑
  let [value,setValue]=useState(true)
  const toggle=()=>{
    setValue(!value)
  }
// 2.return出去状态值和方法
  return {
    value,
    toggle
  }
}
function App() {
// 3.在需要调用的地方，使用自定义hooks函数，并解构使用
  const {value,toggle}=useToggle()
  return (
    <div className="App">
      <button onClick={toggle}>点击显示与隐藏</button>
      {value && <div>显示与隐藏</div>}
    </div>
  );
}

export default App;
